.star_deck {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0.5rem;
  padding: 1rem;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: rgb(50 50 93 / 10%) 0px 2px 5px -1px,
    rgb(0 0 0 / 15%) 0px 1px 3px -1px;
  overflow: hidden;
  background-color: var(--bg-l);

  &-percent {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: var(--primary-l);
    opacity: 0.7;
    font-size: 12px;
    padding-right: 1.7em;
    box-sizing: border-box;

    &-text {
      position: absolute;
      bottom: 2px;
      right: 2px;
      color: var(--bg);
    }
  }

  &-title {
    position: relative;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 0.3rem;
    flex: 1;
    text-overflow: ellipsis;
    word-break: keep-all;
    overflow: hidden;
  }

  &-last {
    position: relative;
    font-size: 12px;
    opacity: 0.5;
  }
}
